how type need for getExchangeInput and getCurrency if get type React.FC give error in other component Type '(amountFirstInput: number) => void' is not assignable to type 'FC'. Types of parameters 'amountFirstInput' and 'props' are incompatible. Type 'string' is not assignable to type 'number'.
import { IExchangeRate } from 'types/IExchangeRate';
import './index.scss';
interface IInputParams {
amount: number;
currency: string;
currencies: IExchangeRate[];
getExchangeInput: any
getCurrency: any;
}
const Input: React.FC<IInputParams> = ({amount, currency, currencies, getExchangeInput, getCurrency}) => {
return (
<div className='exchangeRates'>
<input type="number" onChange={(e) => getExchangeInput(e.target.value)} value={amount}></input>
<select value={currency} onChange={(e) => getCurrency(e.target.value)}>
{currencies.map((element) => (
<option key={element.r030} value={element.cc}>{element.cc}</option>
))}
</select>
</div>
);
}
export default Input;